﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SOSOMap_TestEvent</title>
<style type="text/css">
body, button, input, select, textarea {
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
</style>
<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>
<script>
//地图初始化
function init() {
	map = new soso.maps.Map(document.getElementById("container"), {
		// 地图的中心地理坐标。
		center: new soso.maps.LatLng(39.916527,116.397128),
		zoomLevel:13
	});
}
//点击地图事件
function clickMap(){
	clickMapListener = soso.maps.Event.addListener(map, 'click', function(e){
		alert('您点击的位置为：[' + e.latLng.getLat() + '，' + 
			e.latLng.getLng() + ']');
	});
}
//移除点击地图事件
function removeClickMap(){
	if(clickMapListener){
		soso.maps.Event.removeListener(clickMapListener);
	}
}
//添加DOM事件
function addDomEvent(){
	soso.maps.Event.addDomListener(document.getElementById("container"), 
		'click', function(){
			alert(this.tagName);
		}
	);
}
//添加鼠标移动事件
function mouseMoveEvent(){
	soso.maps.Event.addListener(map, 'mousemove', function(event){
		document.getElementById("latLng").innerHTML = event.latLng.getLat().toFixed(5) +
			',' + event.latLng.getLng().toFixed(5);
	});
}
//地图的缩放级别改变事件（在自定义控件中已经测试过，此处略去）
</script>
</head>
<body onload="init();">
<div style="width:650px;height:400px" id="container"></div> 
<input value="添加点击地图事件" type="button" onclick="clickMap();"/>
<input value="移除点击地图事件" type="button" onclick="removeClickMap();"/>
<input value="添加DOM事件" type="button" onclick="addDomEvent();"/>
<input value="添加鼠标移动事件事件" type="button" onclick="mouseMoveEvent();"/>
鼠标坐标：<span id="latLng"></span>
</body>
</html>